<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
  <div class="floor" v-for="(floor,index) in floors">
    <h2 style="float: left;">{{floor.title}}</h2>
    <ul style="float: left;width: 200px;">
      <li v-for="(item,index2) in floor.items">
        <h5> {{item.name}} </h5>
        <p> {{item.price}} </p>
      </li>
    </ul>
  </div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
<script>
const vm = new Vue ( {
  el: '#app',
  data: {
    floors:[
      {
        title:"手机",
        items: [
          {
            name: '手机1',
            price: 10
          },
          {
            name: '手机2',
            price: 20
          },
          {
            name: '手机3',
            price: 30
          },
          {
            name: '手机4',
            price: 40
          }
        ]
      },
      {
        title:"电视",
        items: [
          {
            name: '电视1',
            price: 10
          },
          {
            name: '电视2',
            price: 20
          },
          {
            name: '电视3',
            price: 30
          },
          {
            name: '电视4',
            price: 40
          }
        ]
      },
      {
        title:"电脑",
        items: [
          {
            name: '电脑1',
            price: 10
          },
          {
            name: '电脑2',
            price: 20
          },
          {
            name: '电脑3',
            price: 30
          },
          {
            name: '电脑4',
            price: 40
          }
        ]
      },

    ]
  },
  methods: {
    
  }
} )
</script>
</html>